.content-container{
    width:100%;
    height:90vh;
    background-color: lightgray;
    display: inline-flex;
    justify-content: center;
}
.content-wrapper{
    width:60%;
    height:85vh;
    /* border:1px solid lightgreen; */
    /* background-color: lightgreen; */
}

.todo_tool_bar
{
  width: 100%;
  height: 40px;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}

.todo_item_container
{
  width: 100%;
  height: 40px;
  /* border: 1px solid red; */
  background-color:white;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-top:3px;
}

.todo_item_checkbox
{
  width: 10%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.todo_tool_bar{
    width:60%;
    /* height:64px; */
    position: fixed;
    bottom:22px;
    display: inline-flex;
    justify-content: space-between;
    /* justify-content: space-around; */
}
.todo_tool_bar button{
    width:200px;
    height:100%;
}